/*
 Theme Name: Trily
 Theme URI: http://www.toptut.com
 Description: Easy to use wordpress theme, organized as magazine style community design.
 Author: Lorelei
 Author URI: http://www.toptut.com
 */

* { padding: 0; margin: 0; }
body { font-family: 'Myriad Pro',Helvetica,Arial,sans-serif; text-align: center; background:url(images/bg-body.png) repeat-x top #01467f; }

/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link, a:visited { color:#585858;  text-decoration: none; }
a:hover, a:active { color:#585858; text-decoration: none; }
blockquote { display: block; margin: .5em 2.0em .5em 2.0em; padding: 0 0 0 1.0em; border-left: dotted black .1em; }
blockquote blockquote { padding: 0 0 0 1.0em; border-left: dotted black .1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: left; }

/*********************/
/* S T R U C T U R E */
/*********************/
#container { width: 955px; margin: 0 auto; text-align: left; }
#header { width: 955px; height: 190px; background: url(images/header.jpg) no-repeat; }
/*wraps content and sidebar*/
#wrapper { float: left; width: 100%; position: relative; }
#sidebar { float: right; width: 260px; height: auto; padding: 20px 0 0px 0px; display: inline; }
#content { float: left; width: 675px; height: auto; padding:20px 0 20px 0; }
#footer { display:block; width: 947px; height: 327px; margin:0 auto 0 auto; background:url(images/footer.png) repeat-x; clear: both; }

/*********************/
/* H E A D E R       */
/*********************/
.logo { float: left; width: 250px; height: 40px; margin: 20px 0 0px 0px; display: inline; background-color: yellow; }

/*top menu*/
ul#nav { float: left; width: 670px; height: 33px; list-style: none; margin: 10px 0 0 0; height: 33px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
ul#nav li { float: left; /*background: #CCE7F7 url(images/tableft.png) no-repeat left top; */ padding: 8px 0 8px 12px; margin-right: 1px; }
ul#nav li a { text-shadow:0 1px 0 #333;  /*background: #CCE7F7 url(images/tabright.png) no-repeat top right; */ padding: 8px 12px 8px 0; color: #fff; }
ul#nav li:hover, 
ul#nav li.current_page_item { text-shadow:0 1px 0 #477e8b; /* background: url(images/tab-left-active.png) no-repeat left top */; }
ul#nav li:hover, 
ul#nav li.current_page_item { color: #f0efbe; text-shadow:0 1px 0 #477e8b;}
ul#nav li a:hover, 
ul#nav li.current_page_item a {text-shadow:0 1px 0 #477e8b; /* background: url(images/tab-right-active.png) no-repeat right top; */ }
ul#nav li a:hover, 
ul#nav li.current_page_item a {text-shadow:0 1px 0 #477e8b; color: #f0efbe; }

/*bottom menu*/
ul#cat { float: left; width: 670px; height: 35px; line-height:35px; list-style: none; margin: 25px 0 0 15px; font-size: 12px; font-weight: normal; text-transform: uppercase;text-shadow:0 1px 0 #2c2f35; }
ul#cat li { margin:0 15px 0 0; display:inline; }
ul#cat li a { color:#FFFFFF;font-weight:700;text-shadow:0 1px 0 #4A4E55; }
ul#cat li:hover, 
ul#cat li.current-cat { color: #E1F0E9; text-shadow:0 1px 0 #4a4e55;}


/*bloginfo*/
.bloginfo{float:left; width:750px; height:70px; margin:5px 0 0 10px;}
.bloginfo h1 a{ font-size:40px; font-weight:normal; text-transform:uppercase; color:#0a5ea3;text-shadow:0 1px 0 #3587cc;}
.bloginfo p{ font-size:16px; color:#2f89af;}

/*rss*/
a.rss{float:right; width:130px; height:70px; margin:50px 0 0 0; padding:0 60px 0 0; background:url(images/rss.png) no-repeat right top; line-height:70px; font-size:14px; color:#2f89af; text-shadow:0 1px 0 #4a4e55;text-align:right;}

/*********************/
/*  S I D E B A R    */
/*********************/
.widget { width: 260px; height:auto; margin: 0px 0 10px 0; text-align: left; overflow: hidden; }
.widget h2 { width: 256px; height:40px; text-align: center; font-size: 14px; line-height:30px; color: white; text-transform:lowercase; background:url(images/widget-h2.png) no-repeat right top;}
.widget ul li a,
.widget ul li a:link,
.widget ul li a:visited { display:block; width:222px; height:20px; padding:5px; text-decoration: none; font-weight: normal; color: #4c829f; line-height: 18px; }
.widget ul li a:hover,
.widget ul li a:active { background:#dfdfdf; }
.widget ul { width:226px; margin:15px 5px 10px;padding:15px 15px 15px 11px; list-style-type: none; font-size:12px; color: black;  text-align: left; background:url(images/widget-bg.png) no-repeat top; background-color:white; -moz-border-radius:12px;-moz-box-shadow:0 0 5px #fff;}
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: black; }

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 630px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; -moz-border-radius:10px; }
.post-content h1{ font-size: 24px; font-weight:normal; }
.post-content .meta{display:block; margin:5px 0 0 0; font-size:12px; color:#4c829f; }
.post-entry { margin:10px 0 0 0; font-size: 13px; line-height:20px; }
.post-entry p{ padding: 5px 0 5px 0; }
.post-entry ul { padding: 5px 0 .5px 20px; }
.post-entry ol { padding: 5px 0 .5px 20px; }
.post-entry img { margin: 5px 5px 5px 5px; padding: 0 0 0 0; }
.navpages { font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ }

/*   S E A R C H     */
#searchform { float:right; width: 254px; height: 55px; background:url(images/searchbox.png) no-repeat;}
#searchfield { float: left; width: 192px; height: 15px; margin: 10px 0px 0px 5px; padding: 2px 2px 0px 2px; font-size: 12px; background: none; border: none; display: inline; color:white;}
#searchsubmit { float: right; height: 35px; width: 35px; margin: 2px 10px 0 0px; color: #FFFFFF; background: transparent url(images/searchsubmit.png) no-repeat; border: 0px none; cursor: pointer;}
h3.search{font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ color:#4c829f;}

/*********************/
/* F O O T E R  */
/*********************/

.footer-left{ float:left; position:relative; width:4px; height:37px; margin: 5px 0 0 -4px; background:url(images/footer-left.png) no-repeat; }
.footer-right{ float:right; position:relative; width:4px; height:37px; margin: 5px -4px 0 0px; background:url(images/footer-right.png) no-repeat; }
.footer-col{float:left; width:255px; height:250px; margin:10px 0 0 24px; color:#97ADBB; font-size:11px; text-align:center;}
.footer-col-middle{ width:340px; margin-bottom:5px;}
.footer-col h2{ font-size:20px; line-height:32px; font-weight:normal; color:#2B4659;}
.footer-col .content{display:block; width:242px; height: 200px; margin:15px 0 0 0; padding:5px 5px 5px 5px; border: 1px solid #7590A3;}

.footer-col ul { width:100%; margin: 0 0 0px 0; list-style-type: none; font-size:12px; color: black;  text-align: left;}
.footer-col ul li a,
.footer-col ul li a:link,
.footer-col ul li a:visited { display:block; width:234px; height:20px; padding:0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #97ADBB; line-height: 18px; }
.footer-col ul li a:hover,
.footer-col ul li a:active { background-color:#5F8CAB; color:white;  }


.footer-col .content-middle ul li a { width:330px;}
.footer-col .content-middle{width:338px;}

.footer-links{ display:block; width:896px; height:25px; margin:0px auto 0 auto; padding:25px 15px 0 15px; /*background:url(images/footer-line.png) no-repeat 0 15px; */ font-size:11px; color:#6F8FA6; clear:both;}
.footer-links a { color:#6F8FA6;}
.footer-links a:hover,
.footer-links a:active{ text-decoration:none;}

/*********************/
/*  C O M M E N T S  */
/*********************/
ol.commentlist { list-style:none; margin:0 20px 0 0; padding:0; }
ol.commentlist li { border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; background:#ccc;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#3abbe9; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#3A515F; border:1px solid #004080;; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform { margin:0 0 0 30px; font-size:12px;}
#commentform p { line-height:30px;}
#commentform #comment{width:450px; margin:10px 0 0 0; }
h3#comments,
#respond h3{font-size:18px; font-weight:normal; margin:5px 0 5px 20px;color:#CCCCCC;}

/*********************/
/*  H O M E P A G E  */
/*********************/
.home-featured{ display:block; width:670px; height:270px; margin:0px auto 20px auto; background-color:#3A515F; border:1px solid #0062c4;}
.home-post{float:left; width:303px; height:211px; margin:0 0 15px 0; padding:15px 12px 15px 22px; background:url(images/home-post.png) no-repeat;}
.home-post h1 a{ text-shadow:0 1px 0 #fff;display:block; font-size:20px;
font-weight:700; line-height:26px; color:#2B4659; text-decoration:none;}
.home-post .thumbnail {float:left; width:106px height: 106px; margin:0 8px 0 0; padding:3px 3px 0px 3px; border: 1px solid #fff;}
.thumbnail {float:left; margin:3px 12px 0 0; }
.thumbnail img {width:100px; height:100px;}
.home-post .thumbnail img{width:100px; height:100px;}
.home-post .meta{display:block; margin:5px 0 0 0; font-size:11px; color:#585858; text-shadow:0 1px 0 #fff;}
.home-post p{ font-family:arial; display:block; margin:10px 0px 0 5px; width:282px; height:70px; font-size:11px; line-height:14px; color:#2B4659; clear:both;}
.home-post .readmore a{text-shadow:0 1px 0 #4FA8DB; float:right; position:relative; width:96px; height: 25px; right:5px; bottom:-15px; line-height:25px; text-align:center; font-size:11px; background:url(images/bg-readmore.png) no-repeat; color:#2B4659;}

/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }
